/* components/index-slider/index.wxss */
.swiper {
    position: relative;

    .mainSwiper {
        width: 750rpx;
        height: 630rpx;
    }

    .img {
        width: 750rpx;
        height: 630rpx;
    }
}

.custom-indicator {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 220rpx;
    width: 100%;
    gap: 30rpx;
}

.dot {
    width: 12rpx;
    height: 12rpx;
    background: rgba(255, 255, 255, .4);
    border-radius: 6rpx;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.active {
    background: #fff;
}